<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    *{margin: 0;padding: 0}
    a{text-decoration: none}
</style>
<body>
<h2>
    <a href="#B" name="A">A下一张</a>
    <!--<a href="#C">跳到C</a>
    <a href="#D">跳到D</a>-->
</h2>

<div style="height: 200vh;"><img src="img/1.jpg" style="width: 100%"></div>

<h2>
    <a href="#C" name="B">B下一张</a>
    <!--<a href="#A">跳到A</a>
    <a href="#D">跳到D</a>-->
</h2>

<div style="height: 200vh;"><img src="img/2.jpg" style="width: 100%"></div>

<h2>
    <a href="#D" name="C">C下一张</a>
    <!--<a href="#A">跳到A</a>
    <a href="#B">跳到B</a>-->
</h2>

<div style="height: 200vh;"><img src="img/3.jpg" style="width: 100%"></div>

<h2>
    <a href="#A" name="D">D回到顶部</a>
    <!--<a href="#B">跳到B</a>
    <a href="#C">跳到C</a>-->
</h2>

<div style="height: 200vh;"><img src="img/4.jpg" style="width: 100%"></div>
</body>
</html>